
.MyNoteContent {
  position: relative;
  min-height: 100vh;
  width: 100vw;

  // main部分
  .MyNoteMain {
    width: 100%;
    min-height: calc(100vh - 150px);

    // 导航条
    .MyNoteContentHeader {
      width: 100%;
    }

    // 展示区

    .ContentArea {
      margin: 0 auto;
      width: 1000px;
      // 博客内容区
      .BlogArticle {
        background-size: 10%;
        padding: 1rem;
        background-color: #ffffff;


        /* 设置滚动条的宽度 */
        ::-webkit-scrollbar {
          height: 10px;
        }

        /* 设置滚动条的样式 */
        ::-webkit-scrollbar-track {
          background-color: #f5f5f5;
        }

        /* 设置滚动条的滑块 */
        ::-webkit-scrollbar-thumb {
          border-radius: 10px;
        }

        /* 设置滚动条在滑块上时的样式 */
        ::-webkit-scrollbar-thumb:hover {
          background-color: #0056b3;
        }
      }


      .blogBottom {
        height: 30px;
        background-size: 10%;
        background-color: #ffffff;

        .BlogMessage {
          display: flex;
          justify-content: right;
          font-size: 0.6rem;
          align-items: self-end;

          div {
            margin: 0 5px 0 5px;
            padding: 0 10px 0 10px;
            line-height: 30px;
          }
        }
      }
    }
  }

  :global {
    .ant-divider {
      margin: 0;
    }

  }

}


@media screen and (max-width: 1000px) {
  .ContentArea {
    width: 100% !important;
  }
}
